<template>
  <div class="recommend">
    <scroll ref="scroll" class="recommend-content">
      <div>
        <slider></slider>
        <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      <p>fewfwf</p>
      </div>
    </scroll>
  </div>
</template>

<script>
import Scroll from "base/scroll/scroll";
import Slider from "base/slider/slider";
export default {
  components:{
    Scroll,
    Slider
  }
}
</script>

<style lang="stylus">

.recommend
  position: fixed
  width: 100%
  top: 88px
  bottom: 0
  &-content
    height: 100%;
    overflow: hidden;
</style>

